.login-container {
  width: 100%;
  height: 100vh;
  position: relative;
  background: #f0f2f5;
  background-image: url(https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg);
  background-repeat: no-repeat;
  background-position: center 110px;
  background-size: 100%;
  display: flex;
  flex-direction: column;

  .login-content-container {
    padding: 80px 0 24px;
    flex: 1 1;
  }

  .login-footer{
    flex: 0 0 auto;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    background: #f0f2f5;
    .footer-copyright {
      margin: 48px 0 24px;
      padding: 0 16px;
      text-align: center;
    }
  }

  .title-container {

    .img {
      width: 200px;
      margin: 0 auto;
      text-align: center;
    }

    .title {
      margin-top: 12px;
      text-align: center;
      margin-bottom: 40px;
      color: rgba(0, 0, 0, .45);
      font-size: 19px;
    }
  }

  .login-form-wrap {
    box-shadow: 7px -2px 21px 0px rgba(255, 255, 255, 0.23);
    border-radius: 4px;
    width: 22%;
    margin: 0 auto;
    min-width: 380px;
    height: auto;

    .login-form-auth {

      // .el-tabs__nav-wrap::after {
      //   height: ;
      // }
      .el-tabs__nav {
        float: none;
        text-align: center;
      }
      .el-tabs__header {
        margin: 0;
      }
      .el-tabs__item{
        width: 50%;
        padding: 0 !important;
        font-size: 16px;
      }
      .el-tabs__active-bar{
        width: 50%;
      }
    }

    .login_etc {
      .el-form-item__content {
        line-height: 25px;
      }
    }

    .login-form-container {
      background: #fff;
      width: 84%;
      margin: 0 auto;
      padding: 10% 8%;
    }
    
  }

  .code-image {
    .el-input-group__append {
      padding: 0
    }
  }

  .show-pwd {
    padding-right: 8px;
    cursor: pointer;
  }
}